<template>
	<view class="content">
		<div class="swiperDiv">
			<div class="bockTop">
				<uni-row>
					<uni-col :span="6">
						<image src="../../static/head.png" mode="" class="img"></image>
					</uni-col>
					<uni-col :span="18">
						<div class="div1">
							张三三
						</div>
						<div class="div2">
							线下就诊时请携带身份证到医院就诊，刷身份证
						</div>
					</uni-col>
				</uni-row>
			</div>
		</div>
		<div class="bot-msg">
			<div class="bockBot">
				<uni-row>
					<uni-col :span="6">
						<div class="div1">
							就诊卡号
						</div>
					</uni-col>
					<uni-col :span="18">
						<div class="div2">
							220722199909099981
						</div>

					</uni-col>
				</uni-row>
			</div>
			<div class="bockBot">
				<uni-row>
					<uni-col :span="6">
						<div class="div1">
							证件号码
						</div>
					</uni-col>
					<uni-col :span="18">
						<div class="div2">
							22072********9981
						</div>

					</uni-col>
				</uni-row>
			</div>
			<div class="bockBot" style="border-bottom:none">
				<uni-row>
					<uni-col :span="6">
						<div class="div1">
							手机号
						</div>
					</uni-col>
					<uni-col :span="18">
						<div class="div2">
							153***9908
						</div>

					</uni-col>
				</uni-row>
			</div>

			<div class="botton bottom">
				<div style="margin-bottom:24rpx">
					<button type="primary" @click="submit" class="my-btn">设置默认就诊人</button>
				</div>
				<div >
					<button type="default" @click="cancel">解除绑定</button>
				</div>

			</div>
		</div>
	</view>

</template>

<script>
	export default {

		data() {
			return {

			}
		},
		onShow() {

		},
		onLoad(options) {
			console.log(options, "options")

		},
		methods: {
			cancel(){},
			submit(){}

		},
		mounted() {

		}
	}
</script>

<style scoped>
	.swiperDiv {
		height: 500rpx;
		background-color: #1648ce;
	}

	.bot-msg {
		position: absolute;
		top: 216rpx;
		width: 100%;
		height: calc(100% - 216rpx);
		background-color: #fff;
		border-top-right-radius: 70rpx;
	}

	.bockTop {
		padding: 36rpx 48rpx;
	}

	.bockBot {
		margin: 48rpx;
		padding: 0 0rpx 48rpx 0;
		border-bottom: 2rpx solid #F2F4F5;
	}

	.bockTop .img {
		width: 144rpx;
		height: 144rpx;
	}

	.bockTop .div1 {
		font-size: 32rpx;
		font-weight: 600;
		color: #F2F6FE;
		margin-top: 20rpx;
	}

	.bockTop .div2 {
		font-size: 24rpx;
		color: #FFF;
		margin-top: 16rpx;
	}

	.bockBot .div1 {
		font-size: 32rpx;
		font-weight: 600;
		color: #112950;
		text-align: left;
	}

	.bockBot .div2 {
		font-size: 28rpx;
		color: #112950;
		text-align: right;
	}

	.bottom {
		position: fixed;
		bottom: 0;
		margin-left:3%;
		height: 300rpx;


	}
</style>